<script>
import Icon from '../Iconfont'
export default {
  components: {
    Icon: Icon
  },
  props: {
    text: {
      type: String,
      default: '无数据',
    }
  }
}
</script>



<template>
  <div class="empty-container">
    <Icon type="empty" />
    <span>{{ text }}</span>
  </div>
</template>



<style lang='less' scoped>
@import '../../styles/mixin.less';
@import '../../styles/var.less';

.empty-container {
  .self-center();
  text-align: center;
  color: @gray;

  .iconfont {
    display: block;
    font-size: 72px;
  }
}
</style>